<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>中秋佳节，花好月圆</title>
<link rel="stylesheet" href="../css/花好月圆.css">



</head>

<body>
     <!--导航栏-->
     <div style="text-align: center;">
          <span style="height: 100%;display: inline-block;vertical-align: middle;"></span>
          <img style="vertical-align: middle;" src="../images/导航图.png" alt="" class="img-fluid">
     </div>
     <div class="container">
          <nav>
               <ul class="nav1">
                    <li><a >花好月圆</a></li>
                    <li><a >畅游中秋</a></li>
                    <li><a >诗词中秋</a></li>
               </ul>
          </nav>
     </div>
     
     <div class="container">
          <div id="daoyubj">
              <!--导语-->
               <div class="row">
                    <div class="col-md-4"><img src="../images/侧图1.jfif" alt="" style="width: 100%;border-top-left-radius: 30px;" class="pingyi1"></div>
                    <div class="col-md-4">
                         <div style="text-align: center;margin-top: 10px;">
                              <h1 style="font-family: '仿宋';font-weight: bold;">中秋节</h1>
                         </div>
                         <div style="margin-top: 10px;font-size: 20px;">
                              <span  class="text-danger">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中秋节</span><span>，又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等，是中国民间传统节日。</span><span  class="text-danger">中秋节</span>源自对天象的崇拜，由上古时代秋夕祭月演变而来。中秋节自古便有祭月、赏月、吃月饼、看花灯、赏桂花、饮桂花酒等民俗，流传至今，经久不息。<br><br>
                              <span  class="text-danger">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中秋节</span>起源于上古时代，普及于汉代，定型于唐代。<span  class="text-danger">中秋节</span>是秋季时令习俗的综合，其所包含的节俗因素，大都有古老的渊源。祭月作为民间过节的重要习俗之一，逐渐演化为赏月、颂月等活动。<span  class="text-danger">中秋节</span>以月之圆兆人之团圆，为寄托思念故乡，思念亲人之情，祈盼丰收、幸福，成为丰富多彩、弥足珍贵的文化遗产。
                         </div>
                    </div>
                    <div class="col-md-4"><img src="../images/侧图2.jfif" alt="" style="width: 100%;border-top-right-radius: 23px;" class="pingyi2"></div>
               </div>
               <!--视频-->
               <div id="video">
                    <video controls  style="width: 100%;">
                        <source src="../video/中秋节的由来.mp4" type="video/mp4">
                        <source src="../video/中秋节的由来.mp4" type="video/ogg">
                        您的浏览器不支持 HTML5 video 标签。
                   </video>
              </div>

          </div>
     </div>
     <br>
     <!--底部导航-->
<div style="background-color:#f1c490 ;">
     <div class="container">
         <nav>
              <ul class="nav2">
                   <li><a >花好月圆</a></li>
                   <li><a >畅游中秋</a></li>
                   <li><a >诗词中秋</a></li>
              </ul>
         </nav>
    </div>
</div>

</body>
</html>
